<template>
    <div class="qr-unbind">
        <product-nav />
        <div class="unbind-body">
            <wp-icon
                name="unbound"
                size="100" />
            <div class="unbind-desc">{{ $t('no-qrcode-bind') }}</div>
        </div>
    </div>
</template>

<script>
import ProductNav from './common/ProductNav.vue';
export default {
    components: { ProductNav }
};

</script>

<style lang="scss">
    .qr-unbind {
        padding-top: 44px;

        .unbind-body {
            height: calc(100vh - 44px);
            text-align: center;
            padding-top: 120px;
            box-sizing: border-box;

            .unbind-desc {
                margin-top: 10px;
                font-size: 15px;
            }
        }
    }

</style>
